.new-corporate-payment-report {
  background-color: #F7F8FA;
  margin: -16px -20px 0;
  height: calc(100vh - 50px);
  &-box{
    width: 800px;
    margin: 0 auto;
  }
  .form-head {
    .form-name {
      height: 60px;
      line-height: 60px;
      width: 100%;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-size: 18px;
      color: $font-title;
      font-weight: 600;
    }
    .form-description { padding: 20px 20px 0 20px; }
    .inline-description { margin-bottom: 12px; }
  }
  .new-corporate-payment-report-form {
    position: relative;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 8px;
    .ant-form-item-label { text-align: left; }
    .ant-form-item-label .ant-form-item-required:before { display: none; }
    .ant-form-item-label .ant-form-item-required:after {
      display: inline-block;
      color: #ff6680;
      content: "*";
      margin: 0 0 0 2px;
      vertical-align: middle;
    }
    .ant-row.ant-form-item { margin-left: 18px; }
  }
  .form-module {
    margin-bottom: 32px;
  }
  .form-title {
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
    color: $font-title;
    &-icon {
      margin-right: 6px;
      font-size: 12px;
      vertical-align: baseline;
    }
  }
  .button-new { margin-right: 8px; }
  &.edit-mode {
    .form-head { background-color: #ffffff; }
    .new-form {
      padding-bottom: 70px;
      border-radius: 0;
    }
  }
  .form-content {
    overflow-y: auto;
    height: 100%;
    padding-bottom: 60px;
  }
  .slide-footer.create-mode {
    position: absolute;
    bottom: 0;
    left: 0;
    border: none;
    border-radius: 14px;
  }
}
